header,
#main{width: 100%; overflow: hidden; min-width: 1200px;}
.wrapper{width: 1200px; margin: 0 auto; display: block; position: relative;}
/* 变量 */
/*css3*/
.clear::after{display: block; content: ''; clear: both;}
/************************header************************/
.header-top{width: 100%; height: 40px; line-height: 40px; background-color: #f1f1f1; border-bottom: 1px solid #dadada; color: #8d8d8d; font-size: 14px;}
.header-top a{color: #8d8d8d;}
.logo-search{overflow: hidden; padding: 30px 0;}
.logo-search p{float: left; margin-top: 30px; margin-left: 47px;}
.logo-search p a{font-size: 14px; color: #292929; padding-left: 30px; background-repeat: no-repeat; background-position: left center; line-height: 25px; margin-left: 10px; display: inline-block;}
.logo-search p a:nth-of-type(1){background-image: url("../images/cn.png");}
.logo-search p a:nth-of-type(2){background-image: url("../images/en.png");}
.logo-search .logo-tel{color: #252525;  float: right; margin-top: 14px;}
.logo-search .logo-tel span{ font-size: 14px;}
.logo-search .logo-tel b{ font-size: 18px; margin-right:10px;}
.header-nav{width: 100%; line-height: 60px; background: #1e419e; border-top: 1px solid #e21a2d; height: 60px;}
.header-nav ul li{float: left; width: 170px; text-align: center;}
.header-nav ul li a{color: #fff; font-size: 14px; display: block; position: relative; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.header-nav ul li a:before{display: block; content: " "; width: 1px; height: 7px; background-color: #fff; float: left; position: absolute; top: 50%; margin-top: -3.5px; right: 0;}
.header-nav ul li:last-child a:before{display: none;}
.header-nav ul li a:hover{color: #fff; background: #e21a2d;}
.left{float: left;}
.right{float: right;}
/*main*/
/*adv*/
.adv{margin-top: 48px;}
.adv ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.adv ul li{width: 363px; height: 310px; text-align: center; border: 1px solid #ccc; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.adv ul li:nth-of-type(1) p{background-image: url("../images/i1.png");}
.adv ul li:nth-of-type(2) p{background-image: url("../images/i2.png");}
.adv ul li:nth-of-type(3) p{background-image: url("../images/i3.png");}
.adv ul li p{width: 193px; margin: 43px auto 0 auto; background-repeat: no-repeat; background-position: top center; padding-top: 100px; color: #007fb4; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.adv ul li p b{display: block; font-size: 26px; margin-bottom: 22px;}
.adv ul li p span{font-size: 12px;}
.adv ul li:hover{background: url("../images/abg.jpg") no-repeat center;}
.adv ul li:hover p{color: #fff;}
.adv ul li:nth-of-type(1):hover p{background-image: url("../images/i11.png");}
.adv ul li:nth-of-type(2):hover p{background-image: url("../images/i22.png");}
.adv ul li:nth-of-type(3):hover p{background-image: url("../images/i33.png");}
/*product*/
.sidebar{width: 270px; float: left; background: #fff; padding-bottom: 40px;}
.sidebar h3{background: #1c4dbe; text-align: center; font-size: 24px; color: #ffffff; padding: 15px 0; border-top: 4px solid #209fef;}
.sidebar h3 small{display: block; font-size: 13px; color: #9baddb; font-weight: 400; letter-spacing: 1px;}
.sidebar ul{padding: 16px 20px;}
.sidebar ul li{margin-bottom: 15px;}
.sidebar ul li span{display: block; padding-right: 20px;}
.sidebar ul li>a{margin-bottom: 5px;display: block;padding: 10px 0;text-indent: 10px;-webkit-transition: all 150ms linear;transition: all 150ms linear;position: relative;color: #fff; background: #545454;}
.sidebar ul li>a:hover{text-decoration: underline;}
.sidebar ul li>a:after{display: block; position: absolute; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; right: 20px; content: ''; background: url("../images/m2.png") no-repeat center; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.sidebar ul li p{overflow: hidden;}
.sidebar ul li small{display: block;border-bottom: 1px dotted #ccc;line-height: 35px;text-align: center; float: left;width: 48%;margin: 0 1%;}
.sidebar ul li small a{display: block;}
.sidebar ul li small a:hover{color: #1C4DBE;}
#info .sidebar{background: #f2f2f2;}
.product{overflow: hidden; padding: 58px 0 100px 0; background: #f3f3f3; margin-top: 52px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.product .p-right{width: 900px; float: right;}
.product .p-right h3{font-weight: 400; margin-bottom: 35px;}
.product .p-right h3 b{font-size: 24px; color: #373737;}
.product .p-right h3 span{font-size: 14px; color: #838383; padding-left: 10px;}
.product .p-right h3 a{display: block; text-align: center; float: right; -webkit-transition: all 200ms linear; transition: all 200ms linear; color: #ec6d10; font-weight: bold; margin-top: 7px;}
.product .p-right h3 a:hover{color: #1e419e;}
.pdc-list{width: 960px;}
.pdc-list li{float: left; margin-bottom: 20px; margin-right: 28px; border: 1px solid #818181; border-bottom: 0;}
.pdc-list li b{width: 100%; height: 100%; display: block; position: relative; overflow: hidden; background: #000;}
.pdc-list li b img{width: 279px; height: 214px; display: block; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pdc-list li b small{display: block; width: 100%; font-size: 14px; text-align: center; background: url("../images/sch2.png") no-repeat center; padding-top: 100px; position: absolute; top: 20px; left: 0; color: #fff; opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pdc-list li span{display: block; font-size: 14px; color: #fff; line-height: 50px; background-color: #818181; text-indent: 10px;}
.pdc-list li:hover img{opacity: 0.4;}
.pdc-list li:hover small{top: 42px; opacity: 1;}
.pdc-list li:hover span{background-color: #e21a2d;}
#info .pdc-list li img{width: 282px; height: 245px;}
/*adv2*/
.adv2{height: 333px;background: url("../images/a2bg.png") no-repeat center bottom;margin-top: -112px;}
.adv2 p{position: absolute;right: 0;top: 145px;color: #fff;}
.adv2 p b{display: block; font-size: 28px;}
.adv2 p small{display: block; font-size: 12px; color: #a2a2a2;}
.adv2 a{display: block;width: 120px;line-height: 33px;background: #f57107;text-align: center;color: #fff;position: absolute;top: 213px;border-radius: 5px;right: 376px;}
.adv2 ul{position: absolute;right: 27px;top: 221px;}
.adv2 ul li{float: left; font-size: 14px; color: #fff; background: url("../images/a2.png") no-repeat left center; padding-left: 20px; margin-right: 25px;}
/*h-title*/
.h-title{text-align: center; color: #fff; padding: 44px 0 80px 0;}
.h-title span{font-size: 30px; opacity: 0.3;}
.h-title b{font-size: 32px; display: block;}
.h-title small{font-size: 16px; display: block; margin-top: 10px;}
/*company*/
.company{overflow: hidden; background: url("../images/combg.jpg") no-repeat center; padding-bottom: 100px;}
.company img{float: left; display: block;}
.company .c-right{width: 650px; float: right;}
.company .c-right h3{margin-bottom: 45px;}
.company .c-right h3 span{font-size: 30px; color: #fff;}
.company .c-right h3 a{display: block; width: 128px; line-height: 35px; background: #e21a2d; color: #fff; text-align: center; float: right; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.company .c-right h3 a:hover{background: #1e419e;}
.company .c-right > span{display: block; font-size: 14px; line-height: 32px; color: #fff;}
/*index_advt*/
.ind-adv{padding-top: 88px; padding-bottom: 80px;}
.ind-adv .adv-t{text-align: center; margin-bottom: 72px;}
.ind-adv .adv-t h2{font-size: 42px; color: #2b2b2b; background: url("../images/hbg.png") no-repeat center bottom; padding-bottom: 20px;}
.ind-adv .adv-t h2 span{color: #1e419e; padding-right: 20px;}
.ind-adv .adv-t small{font-size: 26px; color: #383838; padding-top: 15px; display: block;}
.ind-adv .adv-con{height: 722px; position: relative;}
.ind-adv .adv-con ul li{color: #fff; text-align: center; width: 300px; height: 298px; position: absolute;}
.ind-adv .adv-con ul li img{position: absolute; z-index: 2; left: 0; top: 0;}
.ind-adv .adv-con ul li b{position: relative; z-index: 3; display: block; font-size: 20px; margin-top: 123px;}
.ind-adv .adv-con ul li small{position: relative; z-index: 3; display: block; width: 250px; margin: 32px auto 0 auto; font-size: 14px; opacity: 0.8;}
.ind-adv .adv-con ul li:nth-of-type(1){left: 0; top: 0;}
.ind-adv .adv-con ul li:nth-of-type(2){right: 0; top: 0;}
.ind-adv .adv-con ul li:nth-of-type(3){left: 0; top: 406px;}
.ind-adv .adv-con ul li:nth-of-type(4){right: 0; top: 406px;}
.ind-adv .adv-con > img{position: absolute; width: 923px; height: 490px; top: 50%; margin-top: -245px; left: 50%; margin-left: -462px;}
/*news*/
.news{background: #f2f2f2; overflow: hidden; padding: 50px 0;}
.new-left{width: 787px; float: left; background: #fff;}
.new-left .new-left-con{padding: 25px;}
.new-left img{float: left;}
.i_newsModule{width: 424px; background: #fff; float: right;}
.i_newsBiaoti{height: 50px; width: 100%; background: #1752ad; color: #e8eaee;}
.i_newsBiaoti span{font-size: 20px; display: block; font-weight: bold; line-height: 50px; float: left; padding: 0 15px;}
.i_newsBiaoti small{font-size: 14px; height: 50px; line-height: 60px; overflow: hidden; float: left; display: block;}
.i_newsBiaoti a{color: #fff; display: block; float: right; font-size: 14px; margin: 15px 15px 0 0;}
.i_newsBiaoti a:hover{color: #f2f04e;}
.i_newsDetail{width: 100%; height: 95px;}
.i_newsDetail li{width: 98%; float: left; margin: 0 15px 37px 15px;}
.i_newsTime{background: #1c60d1; margin: 8px 0 0 0; height: 42px; width: 52px; float: left; font-size: 12px; text-align: center; padding: 10px 5px; color: #fff;}
.i_newsTime span{border-bottom: 1px solid #618fdf; display: block; font-size: 20px; padding: 0 0 4px 0;}
.i_newsNr{width: 75%; float: right; margin: 0 15px 0 0;}
.i_nSpan{color: #222222; width: 100%; line-height: 30px; font-size: 16px;}
.i_newsNr p{width: 100%; color: #848484; font-size: 14px; line-height: 20px;}
.i_nMore{color: #848484; width: 100%; margin: 15px 0 0 0; font-size: 12px;}
.i_newsDetail li a{display: block; width: 100%;}
.i_newsDetail li a:hover .i_nSpan{color: #017cba;}
.i_newsDetail li a:hover .i_nMore{color: #017cba;}
.i_contact{width: 360px; float: right; height: 396px; background: #fff;}
.i_conTitle{height: 50px; width: 100%; color: #fff; background: #ec6d10;}
.i_conTitle span{font-size: 20px; display: block; line-height: 50px; float: left; padding: 0 15px;}
.i_conTitle small{font-size: 14px; height: 50px; line-height: 60px; overflow: hidden; float: left; display: block;}
.i_conTitle a{color: #fff; display: block; float: right; font-size: 14px; margin: 15px 15px 0 0;}
.i_conTitle a:hover{color: #f2f04e;}
.i_conDetail{padding: 10px 25px;}
.i_conDetail li{height: 45px; line-height: 45px; border-bottom: 1px dashed #bababa; width: 100%; text-indent: 35px; color: #262626; font-size: 13px;}
.i_conDetail li.c_1{background: url(../images/l_1.png) 0 center no-repeat;}
.i_conDetail li.c_2{background: url(../images/l_2.png) 0 center no-repeat;}
.i_conDetail li.c_3{background: url(../images/l_3.png) 0 center no-repeat;}
.i_conDetail li.c_4{background: url(../images/l_4.png) 2px center no-repeat;}
.i_conDetail li a{color: #262626;}
.i_conDetail li a:hover{color: #1752ad;}
/*case*/
.case{background: #fff; padding-bottom: 70px; overflow: hidden;}
.case .h-title{padding: 44px 0 40px 0;}
.case .h-title span{color: #c0c0c0;}
.case .h-title b{color: #1e419e;}
.case .h-title small{color: #3d3d3d;}
.case .wrapper > a{display: block; width: 128px; line-height: 35px; background: #1e419e; color: #fff; text-align: center; margin: 38px auto; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.case .wrapper > a:hover{background: #e21a2d;}
.margin-center{margin-left: auto; margin-right: auto;}
.carousel{margin-top: 46px; width: 1200px; height: 292px; overflow: hidden; position: relative;}
.carousel .slides{overflow: hidden; position: relative;}
.carousel .slides .slideItem{padding: 0px; overflow: hidden; position: absolute; cursor: pointer; opacity: 1 !important;}
.carousel .slides .slideItem a{overflow: hidden; display: block;}
.carousel .slides .slideItem img{width: 100%; height: 100%;}
.carousel .slides .slideItem .cover{background: #000000; left: 0px; top: 0px; width: 100% !important; height: 292px !important; display: block; position: absolute;}
.carousel .prevButton{background: url("../images/left.png") no-repeat 0px 0px; top: 120px; width: 55px; height: 60px; display: block; position: absolute; z-index: 99; cursor: pointer;}
.carousel .nextButton{background: url("../images/right.png") no-repeat 0px 0px; top: 120px; width: 55px; height: 60px; display: block; position: absolute; z-index: 99; cursor: pointer;}
.carousel .prevButton{left: 12px;}
.carousel .nextButton{right: 12px;}
.sub-page{padding-top: 60px; padding-bottom: 60px;}
/*footer*/
.footer{width: 100%; background-color: #242424;}
.footer-nav{position: relative;}
.footer-nav ul li{float: left; width: 130px; height: 64px; line-height: 64px; text-align: center;}
.footer-nav ul li a{display: block; color: #fff;}
.footer-nav ul li:before{display: block; content: " "; width: 1px; height: 10px; background-color: #fff; float: left; position: relative; top: 27px;}
.footer-nav ul li:first-child:before{display: block; content: " "; width: 0px; height: 0px;}
.gtop{position: absolute; right: 0px; top: 0px; background: #767676; color: #fff; text-align: center; width: 48px; height: 48px; z-index: 200; line-height: 48px; font-size: 24px; cursor: pointer;}
.footer .box{color: #7f7f7f;}
.footer .box .footer-logo{width: 324px; height: 59px; overflow: hidden; padding-top: 38px;}
.footer .box .lxwm{width: 468px; margin-right: 10px; padding-top: 34px;}
.footer .box .lxwm ul li{width: 230px; float: left; height: 35px;}
.footer .box .lxwm ul li:last-child{width: 100%;}
.footer .box .f-tubiao{padding-top: 38px;}
.footer .box .f-tubiao ul li{float: left; margin-right: 40px;}
.footer .box .erweima{width: 100px; padding-top: 5px;}
.footer .box .erweima img{width: 100px; height: 100px; margin: 0 auto;}
.footer .box .erweima span{display: block; text-align: center; line-height: 30px; font-size: 12px;}
.footer-admin{line-height: 60px; color: #7f7f7f; border-top: 1px solid #3a3a3a; margin-top: 30px;}
.footer-admin a{color: #7f7f7f;}
/*info*/
#info{padding-top: 50px; padding-bottom: 130px;}
#info:after{display: block; content: ''; clear: both;}
.info-right{width: 900px; float: right;}
.info-loca{color: #085dbd; padding: 0 0 10px 0; overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.info-loca h3{font-size: 21px; float: left; font-weight: 500; color: #333;}
.info-loca .loca{float: right; font-size: 14px; color: #333; margin-top: 4px;}
.info-loca .loca a{color: #333;}
/*news*/
.new_right li{border-bottom: 1px dashed #999999; padding: 15px 0;}
.new_right li:first-child{margin-top: 20px; padding-top: 0;}
.new_right li p{overflow: hidden;}
.new_right li b{float: left; color: #000; font-weight: bold; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.new_right li small{float: right; color: #666666; font-weight: 400;}
.new_right li span{display: block; line-height: 26px; color: #666666; padding: 10px 0 0 0;}
.new_right li:hover b{color: #085dbd;}
/*page*/
/*page*/
#prev_next .prev,
#prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
#prev_next .prev a:hover,
#prev_next .next a:hover{color: #085dbd;}
#prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
#prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}
div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}
div.page a{padding: 2px 5px; margin: 2px; color: #ffffff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: bold; margin: 2px; color: #fff; background-color: #085dbd;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #ddd;}
/*jobs*/
ul.jobs li{border-bottom: 2px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; font-size: 15px; line-height: 30px; padding-left: 20px; position: relative;}
ul.jobs li a{display: block; position: absolute; background-color: #085dbd; color: #ffffff; padding: 1px 8px; top: 50px; left: 500px;}
ul.jobs li a:hover{border-radius: 8px; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms;}
ul.jobs li strong{color: #085dbd;}
/*message*/
.input-group{margin-bottom: 10px; clear: both; /*overflow: hidden;*/}
.input-group:after{display: block; content: ''; clear: both;}
.input-group label{width: 62px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.input-group input[type=text]{border: 1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius: 2px; line-height: 30px; height: 30px; width: 276px; text-indent: 1em; font-family: "microsoft yahei", "sans-serif"; background: #f0f2ef; transition: 300ms; -webkit-transition: 300ms; outline: none;}
.input-group input[type=text]:focus{width: 300px; box-shadow: 0 0 5px #085dbd; border: 1px solid #085dbd;}
.input-group textarea:focus{width: 550px; box-shadow: 0 0 5px #085dbd; border: 1px solid #085dbd;}
.input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #085dbd; border: 1px solid #085dbd;}
.input-group textarea{transition: 300ms; -webkit-transition: 300ms; width: 520px; border: 1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius: 2px; background: #f0f2ef; text-indent: 1em; padding-top: 5px; font-family: "microsoft yahei", "sans-serif"; outline: none;}
#submit{display: block; clear: both; width: 80px; line-height: 30px; background: #085dbd; border: 0; color: #ffffff; font-size: 14px; font-family: "microsoft yahei"; margin-left: 64px;}
/*product info*/
.pdc_list{width: 920px;}
.pdc_list li{float: left; margin: 0 25px 25px 0; border: 3px solid #dadada; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms;}
.pdc_list li a{display: block; position: relative;}
.pdc_list li img{display: block; width: 275px; height: 210px;}
.pdc_list li span{display: block; text-align: center; line-height: 40px; background: #dadada; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms;}
.pdc_list li:hover span{color: #fff; background: #085dbd;}
.pdc_list li:hover{border: 3px solid #085dbd;}
.content_p{margin-top: 40px;}
.content_p table{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.content_p table td{border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.content_p img{max-width: 95%;}
.content_p p{font-size: 14px; line-height: 30px;}
.content_p span.sp{display: block; background-color: #dddddd; color: #ffffff; margin-bottom: 20px; overflow: hidden;}
.content_p span.sp small{background: #085dbd; display: block; float: left; text-align: center; line-height: 40px; width: 120px;}
.food_name{text-align: center; font-size: 24px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
.she{width: 930px;}
.she li{background: #fff; padding: 10px 10px 0 10px; border: 1px solid #CACACA; float: left; margin: 0 24px 20px 0; cursor: pointer; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;}
.she li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); background: #fcfcfc; border: 1px solid #cccccc;}
.she li img{display: block; width: 257px; height: 206px;}
.she li small{display: block; line-height: 45px; text-align: center; color: #2e2e2e; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.she li:hover small{color: #085dbd;}
.p_content{font-size: 15px; line-height: 30px; color: #333;}
.news_time{font-size: 14px; margin-bottom: 20px;}


.info_contact ul{ line-height:30px; float:left; width:650px;}
.info_contact ul li{}
.info_cop{ float:right; width:180px; text-align:center; color:#000; line-height:30px; font-size:14px; margin-top:30px;}

/*#Online_qq*/
/*#Online_qq*/
#online_qq{position:fixed;right: 0;top: 150px;z-index: 1000;width: 225px;}
#online_qq h1{width: 50px;height: 45px;background-image:url("../images/online_arrow.jpg");background-position-y:center;background-position-x:-50px;text-indent: -999em;position: absolute;right:175px;top: 0;cursor: pointer;}
#online_qq .online_content{position: absolute;right: 0;width: 175px;background:#fff url("../images/online_botbg.jpg") no-repeat center bottom;padding-bottom: 30px;}
#online_qq .online_content h2{width: 100%;height: 45px;line-height: 45px;background: #037feb;color: #fff;font-size: 18px;text-indent: 22px;position: relative; }
#online_qq .on_content{padding: 0 12px;}
#online_qq .on_content ul li a{display: block;line-height: 55px;font-size: 15px;border-bottom: 1px solid #e3e3e3;text-align: right;background:url("../images/i_qq.png") no-repeat left center;}
#online_qq .on_content ul li a:hover{color:#037feb}
#online_qq .on_content h3{font-size: 18px;color: #333;padding: 12px 0 0 0;font-weight: 500;border-bottom: 1px solid #e3e3e3;}
#online_qq .on_content h3 span{display: block;font-size: 20px;color: #037feb;margin: 5px 0;}
#online_qq .on_content p{text-align: center;margin-top: 12px}
#online_qq .on_content p img{display: block;width: 150px;height: 150px;}




.banner{width:100%;height:auto;margin:0 auto;min-width:1200px !important; position:relative;}

#full-screen-slider { width:100%; height:400px; float:left; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute;  bottom:30px; z-index:9900;   margin:0}
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:7px;  margin-right:7px; background:#fff; border-radius:2px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#d20000;}

#fancybox-loading{position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;}
#fancybox-loading div{position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('fancybox.png');}
#fancybox-overlay{position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;}
#fancybox-tmp{padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap{position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;}
#fancybox-outer{position: relative;width: 100%;height: 100%;background: #fff;}
#fancybox-content{width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;}
#fancybox-hide-sel-frame{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;}
#fancybox-close{position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url('fancybox.png') -40px 0px;cursor: pointer;z-index: 1103;display: none;}
#fancybox-error{color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;}
#fancybox-img{width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;}
#fancybox-frame{width: 100%;height: 100%;border: none;display: block;}
#fancybox-left, #fancybox-right{position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url('blank.gif');z-index: 1102;display: none;}
#fancybox-left{left: 0px;}
#fancybox-right{right: 0px;}
#fancybox-left-ico, #fancybox-right-ico{position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
#fancybox-left-ico{background-image: url('fancybox.png');background-position: -40px -30px;}
#fancybox-right-ico{background-image: url('fancybox.png');background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover{visibility: visible; /* IE6 */}
#fancybox-left:hover span{left: 20px;}
#fancybox-right:hover span{left: auto;right: 20px;}
.fancybox-bg{position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;}
#fancybox-bg-n{top: -20px;left: 0;width: 100%;background-image: url('fancybox-x.png');}
#fancybox-bg-ne{top: -20px;right: -20px;background-image: url('fancybox.png');background-position: -40px -162px;}
#fancybox-bg-e{top: 0;right: -20px;height: 100%;background-image: url('fancybox-y.png');background-position: -20px 0px;}
#fancybox-bg-se{bottom: -20px;right: -20px;background-image: url('fancybox.png');background-position: -40px -182px;}
#fancybox-bg-s{bottom: -20px;left: 0;width: 100%;background-image: url('fancybox-x.png');background-position: 0px -20px;}
#fancybox-bg-sw{bottom: -20px;left: -20px;background-image: url('fancybox.png');background-position: -40px -142px;}
#fancybox-bg-w{top: 0;left: -20px;height: 100%;background-image: url('fancybox-y.png');}
#fancybox-bg-nw{top: -20px;left: -20px;background-image: url('fancybox.png');background-position: -40px -122px;}
#fancybox-title{font-family: Helvetica;font-size: 12px;z-index: 1102;}
.fancybox-title-inside{padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;}
.fancybox-title-outside{padding-top: 10px;color: #fff;}
.fancybox-title-over{position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;}
#fancybox-title-over{padding: 10px;background-image: url('fancy_title_over.png');display: block;}
.fancybox-title-float{position: absolute;left: 0;bottom: -20px;height: 32px;}
#fancybox-title-float-wrap{border: none;border-collapse: collapse;width: auto;}
#fancybox-title-float-wrap td{border: none;white-space: nowrap;}
#fancybox-title-float-left{padding: 0 0 0 15px;background: url('fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url('fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{padding: 0 0 0 15px;background: url('fancybox.png') -55px -90px no-repeat;}
/* IE6 */
.fancybox-ie6 #fancybox-close{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie6 #fancybox-title-float-left{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height: expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6{position: absolute; margin-top: 0;top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
#fancybox-loading.fancybox-ie6 div{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg{background: transparent !important;}
.fancybox-ie #fancybox-bg-n{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');}